<!DOCTYPE html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />	
    <script src="../../public/js/jquery.min.js"></script>
    <script src="../../public/Starcor.S67.js"></script>
    <script src="../../public/Starcor.S67.MVC.js"></script>
    <script language="javascript" src="../../public/NBOSS.js"></script>
    <script language="javascript" src="js/resources.view.js"></script>
    <script src="../../public/js/jquery.uploadify-3.1.js" type="text/javascript"></script>
    <link href="css/resources_manage.css" rel="stylesheet" audio="screen">
    <link href="../../public/css/uploadify.css" rel="stylesheet" type="text/css" />
    <title>素材库</title>
</head>
<body>
	<div class="content">
		<div id="resources" class="nav_outer resources">
			<ul class="nav_header bar clearfloat">
	 			<li class="select" id="words"><a href="javascript:void(0)" class="lang">图文消息</a></li>
	 			<li id="voices"><a href="javascript:void(0)" class="lang">语音</a></li>
			</ul> 
			<div class="nav_body reso_bd clearfloat">		
		 		<div class="picnote">
		 			<div id="pic_note_list">
			 			<table width="100%" border="0" cellspacing="0" cellpadding="0" class="content_table exTable" id="table_list">
			                <thead>
			                    <tr>
			                        <th width="10" class="exTable-nodrag"></th>
			                        <th class="lang">序号</th>
			                        <th class="lang">图文数量</th>
			                        <th class="lang">全局名称</th>
			                        <th class="lang">创建时间</th>
			                        <th width="100" class="exTable-nodrag lang">操作</th>
			                    </tr>
			                </thead>
			                <tbody>
			                    
			                </tbody>
			            </table>
			            <div class="pagelist_outer clearfloat">
				            <div class="pagelist"><!-- 分页 -->

				            </div>  <!-- 分页 -->
				        </div>
				        <div class="tools">
				            <div class="clearfloat  tool_btns">
				                <div class="btn-group ">
				                    <div class="tablebtn-default btn_allselect"><span class="btn_iconname lang">全选</span></div>
				                    <div class="tablebtn-default btn_invertselect"><span class="btn_iconname lang">反选</span></div>
				                    <div class="tablebtn-default btn_invertselect btn_add"><span class="btn_iconname lang">添加</span></div>
				                    <div class="tablebtn-default btn_delete"><span class="btn_iconname lang">删除</span></div>
				                </div>
				            </div>
				        </div>
			        </div>
		 			<div class="msg_list_edit hidden" id="pic_note_edit">
		 				<div class="clearfloat" id="globle_outer">
			                <div class="optionname pull-left lang">全局名称</div>
			                <input type="text" class="text_input_box must_input" name="name" id="global_name"/>
			                <span class="frm_msg fail lang"></span>
			            </div>
		 				<div class="appmsg pull_left">
			 				<div class="appmsg_content">
			 					<div class="js_appmsg_item " data-id="1" data-fileid="" id="appmsgItem0">
							        <div class="appmsg_info">
							            <em class="appmsg_date"></em>
							        </div>
							        <div class="cover_appmsg_item">
							            <h4 class="appmsg_title"><a target="_blank" onclick="return false;" href="javascript:void(0);" class="lang">标题</a></h4>
							            <div class="appmsg_thumb_wrp">
							                <img src="" class="js_appmsg_thumb appmsg_thumb">
							                <i class="appmsg_thumb default lang">封面图片</i>
							            </div>
							            <div class="appmsg_edit_mask">
							                <a href="javascript:void(0);" class="icon18_common edit_gray js_edit">编辑</a>
							            </div>
							        </div>
								</div>
								<!-- <div class="appmsg_item js_appmsg_item clearfloat" data-id="2" data-fileid="" id="appmsgItem1">
								    <img src="" class="js_appmsg_thumb appmsg_thumb">
								    <i class="appmsg_thumb default">缩略图</i>
								    <h4 class="appmsg_title"><a target="_blank" href="javascript:void(0);" onclick="return false;">标题</a></h4>
								    <div class="appmsg_edit_mask">
								        <a href="javascript:void(0);" onclick="return false;" data-id="2" class="icon14_common edit_gray js_edit">编辑</a>
								        <a href="javascript:void(0);" onclick="return false;" data-id="2" class="icon14_common del_gray js_del">删除</a>
								    </div>
								</div> -->
		 					</div>
		 					<div class="appmsg_add">
				                <a href="javascript:void(0);" id="js_add_appmsg" onclick="return false;">
				                    &nbsp;
				                    <i class="icon24_common add_gray lang">增加一条</i>
				                </a>
				            </div>
		 				</div>
		 				<div class="msg_list_info pull_left">
		 					<div class="inner pull_right">
			                    <div class="msg_list_item clearfloat">
		 							<h4 class="lang">媒资连接</h4>
		 							<span class="msg_list_input smaller_iuput">
		 								 <input class="frm_input must_input" id="msg_url" placeholder="http://"></input>
		 								 <span class="frm_msg fail lang">不能为空</span>
		 							</span>
		 							<a href="javascript:void(0);" class="btn btn-info lang" id="select_url">查询媒资页</a>  
		 						</div>
		 						<div class="msg_list_item">
		 							<h4 class="lang">标题</h4>
		 							<span class="msg_list_input">
		 								 <input class="frm_input must_input" id="msg_list_title"></input>
		 								 <span class="frm_msg fail lang">不能为空</span>
		 							</span>
		 							
		 						</div>
		 						<div class="msg_list_item">
		 							<h4 class="lang">作者 <em class="lang">(选填)</em></h4>
		 							<span class="msg_list_input">
		 								 <input class="frm_input" id="msg_list_author"></input>
		 								 <span class="frm_msg fail lang">不能为空</span>
		 							</span>
		 						</div>
		 						<div class="msg_list_item">
		 							<h4 class="lang">封面<em class="lang">(大图片建议尺寸：360像素 * 200像素)</em></h4>
		 							<div class="msg_list_input upload_box clear_both">
		 								
					                    <input name="uploadify" id="uploadify" type="file" size="60%"/>
					                    <div class="image_outer hidden">
					                    	<img id="image"/>
					                    	<a href="javascript:void(0);" id="image_del" class="lang">删除</a>
					                    </div>
					                    
					                </div>
		 						</div>
		 					</div>
		 					<i class="pull_right arrow_in"></i>
		 					<i class="pull_right arrow_out"></i>
		 				</div>
		 				<div class="grey_hr clear_both"></div>
		 				<div class="tool_bar align_center">
	                        <a href="javascript:void(0);" class="btn btn-default lang" id="go_back">返回</a>
	                        <a href="javascript:void(0);" class="btn btn-primary lang" id="save">添加</a>
	                        <a href="javascript:void(0);" class="btn btn-primary hidden lang" id="edit_btn">修改</a>
	                    </div>
		 			</div>
		 		</div>
		 		<div class="voice hidden">
		 			<div class="sub_title_bar in_dialog clearfloat">
			            <div class="info">
			                <div class="upload_box pull_left">
			                    <input name="uploadify" id="uploadify_voice" type="file" size="60%" multiple="true" />
			                </div>
			                <p class="upload_tips pull_left lang">
				                大小: 不超过256KB,&nbsp;&nbsp;&nbsp;&nbsp;长度: 不超过60s,&nbsp;&nbsp;&nbsp;&nbsp;格式: mp3                   
				            </p> 
			            </div>  
			                     
			        </div>
		 			<ul class="voice_detail" id="voice_list">
	 					<!-- <li class="audio_item dialog_audio_list js_audio_list line">
	 						<div class="pics_infor clearfloat">
	 							<div class="pics_titile pull_left">
	 								<h3 class="pics_titile_text">titile</h3>
		 							<span class="frm_input_box append">
		                                <input type="text" class="frm_input" data-id="">
		                                <a class="js_rename frm_input_append icon16_common enter_gray" data-id="200106261" href="javascript:void(0);">确定</a>
		                            </span>
	 							</div>
	 							<div class="pics_size pull-left">12kb</div>
	 							<div class="pics_opre pull-left hidden">
	 								<a href="javascript:void(0)" class="edit_voice pull-left"><i class="icon18_common edit_blue"></i></a>
	 								<a href="javascript:void(0)" class="del_voice pull-left"><i class="icon18_common del_blue"></i></a>
	 							</div>
	 						</div>
	 						<div class="audioBox voice-audio">
	 							<div class="audioContent ">
	 								<span class="audioTxt">点击播放</span>
	 								<span class="iconAudio"></span>
									<b>0"</b>
	 							</div>
		 					</div>
		 				</li> -->
		 				<!-- <li class="audio_item dialog_audio_list js_audio_list line">
	 						<div class="pics_infor clearfloat">
	 							<div class="pics_titile pull_left">
	 								<h3 class="pics_titile_text">titile</h3>
		 							<span class="frm_input_box append">
		                                <input type="text" class="frm_input" data-id="200106261">
		                                <a class="js_rename frm_input_append icon16_common enter_gray" data-id="200106261" href="javascript:void(0);">确定</a>
		                            </span>
	 							</div>
	 							<div class="pics_size pull-left">12kb</div>
	 							<div class="pics_opre pull-left hidden">
	 								<a href="javascript:void(0)" class="edit_voice pull-left"><i class="icon18_common edit_blue"></i></a>
	 								<a href="javascript:void(0)" class="del_voice pull-left"><i class="icon18_common del_blue"></i></a>
	 							</div>
	 						</div>
	 						<div class="audioBox voice-audio">
	 							<div class="audioContent ">
	 								<span class="audioTxt">点击播放</span>
	 								<span class="iconAudio"></span>
									<b>0"</b>
	 							</div>
		 					</div>
		 				</li> -->
		 			</ul>
		 			<div class="pagelist_outer clearfloat">
			            <div class="pagelist"><!-- 分页 -->

			            </div>  <!-- 分页 -->
			        </div>
		 		</div>
			</div>
		</div>
		<audio id="audio_player" src="">
            Your browser does not support the audio element.
        </audio>
	</div>
</body>